<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>ELAT - Lufthansa Tecknik</title>
    <link href="css/themes/humanity/jquery-ui-1.8.1.custom.css" media="screen" type="text/css"
        rel="stylesheet" />
    <link href="css/style.css" rel="stylesheet" type="text/css" />

    <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>

    <script type="text/javascript" src="js/jquery-ui-1.8.1.custom.min.js"></script>

    <script src="js/i18n/grid.locale-en.js" type="text/javascript"></script>
	<script type="text/javascript" src="js/json.js"></script>
    <script type="text/javascript" src="js/cusGrid.js"></script>
    
    <script type="text/javascript" src="js/jsondata.js"></script>

    <!--[if ie 6]>
    	<link href="css/bugs/ie.css" rel="stylesheet" type="text/css" />
    <![endif]-->

    <script type="text/javascript" language="javascript">
        //<![CDATA[

        var mydata = ({row:[{ day_view: "1", defaultDAIM: "A",visible:true},{ day_view: "2", defaultDAIM: "C",visible:true},{ day_view: "3", visible:false},{ day_view: "4", visible:false}],
            data: [
	{ D_AIM:
	 	"A", data: [
	 	{ date:"2010-08-10", name: "FRA - LAX", avail: "96.2%", resets: "0F,2C,10Y", impacts: "1F,3C,15Y", icons: [{ position: 1, classname: "iconstar", action: 'openUrl(\"http://action.com\")' }, { position: 3, classname: "iconlock", action: 'openUrl("http://action.com")'}] },
		{ date:"2010-08-11", name: "LAX - FRA", avail: "94.5%", resets: "0F,2C,10Y", impacts: "1F,3C,15Y" },
		{ date:"2010-08-12", name: "FRA - PDG", avail: "93.5%", resets: "0F,2C,10Y", impacts: "1F,3C,15Y" },
		{ date:"2010-08-13", name: "PDG - FRA", avail: "67.5%", resets: "0F,2C,10Y", impacts: "1F,3C,15Y" }
		]
	},
	{ D_AIM:
	 	"B", data: [
		{ date:"2010-08-10", name: "FRA - GER", avail: "96.5%", resets: "0F,2C,10Y", impacts: "1F,3C,15Y" },
		{ date:"2010-08-11", name: "FRA - GER", avail: "96.5%", resets: "0F,2C,10Y", impacts: "1F,3C,15Y" },
		{ date:"2010-08-12", name: "FRA - GER", avail: "96.5%", resets: "0F,2C,10Y", impacts: "1F,3C,15Y" },
		{ date: "2010-08-13", name:"FRA - GER", avail: "96.5%", resets: "0F,2C,10Y", impacts: "1F,3C,15Y" }
		]
	},
	{ D_AIM:
	 	"C", data: [
		{ date:"2010-08-10", name: "GER - FRA", avail: "96.5%", resets: "0F,2C,10Y", impacts: "1F,3C,15Y" },
		{ date:"2010-08-11", name: "GER - FRA", avail: "96.5%", resets: "0F,2C,10Y", impacts: "1F,3C,15Y" },
		{ date:"2010-08-12", name: "GER - FRA", avail: "96.5%", resets: "0F,2C,10Y", impacts: "1F,3C,15Y" },
		{ date: "2010-08-13",name: "GER - FRA", avail: "96.5%", resets: "0F,2C,10Y", impacts: "1F,3C,15Y" }
		]
	},
	{ D_AIM:
	 	"D", data: [
		{ date:"2010-08-10", name: "KTM - LAX", avail: "96.5%", resets: "0F,2C,10Y", impacts: "1F,3C,15Y" },
		{ date:"2010-08-11", name: "LAX - KTM", avail: "96.5%", resets: "0F,2C,10Y", impacts: "1F,3C,15Y" },
		{ date:"2010-08-12", name: "KTM - LAX", avail: "96.5%", resets: "0F,2C,10Y", impacts: "1F,3C,15Y" },
		{ date: "2010-08-13",name: "LAX - KTM", avail: "96.5%", resets: "0F,2C,10Y", impacts: "1F,3C,15Y" }
		]
	}
	]

        });

        $('document').ready(function() {
			
              makeGrid($('#myGrid'), mydata,4);		
        }
);


        //]]>
    </script>

</head>
<body>
    <!--MAIN WRAPPER-->
    <div class="wrapper">
        <ul class="topBar">
            <li><a href="#" class="arrPrev">Previous</a></li>
            <li><a href="#" class="arrNext">Next</a></li>
            <li><a href="#" class="question">Help</a></li>
            <li class="right">
                <img src="css/images/logoLufthansa.jpg" alt="Lufthansa Technik" /></li>
        </ul>
        <div class="header">
            <h1 class="heading">
                A380 Cabin SLA Tool - Lufthansa Technik</h1>
        </div>
        <div class="mainMenu">
            <div class="menu">
                <ul>
                    <li class="leftBg"><a href="#">Performance<!--[if gte IE 7]><!--></a><!--<![endif]-->
                        <!--[if lte IE 6]><table><tr><td><![endif]-->
                        <ul>
                            <li><a href="#">Performance 1</a></li>
                            <li><a href="#">Performance 2</a></li>
                            <li><a href="#">Performance 3</a></li>
                            <li><a href="#">Performance 4</a></li>
                            <li><a class="drop" href="#">Performance 5<!--[if gte IE 7]><!--></a><!--<![endif]-->
                                <!--[if lte IE 6]><table><tr><td><![endif]-->
                                <ul>
                                    <li><a href="#">Performance Sub 1</a></li>
                                    <li><a href="#">Performance Sub 2</a></li>
                                    <li><a href="#">Performance Sub 3</a></li>
                                </ul>
                                <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                            </li>
                            <li><a class="drop" href="#">Performance 6<!--[if gte IE 7]><!--></a><!--<![endif]-->
                                <!--[if lte IE 6]><table><tr><td><![endif]-->
                                <ul>
                                    <li><a href="#">Performance Sub 1</a></li>
                                    <li><a href="#">Performance Sub 2</a></li>
                                    <li><a href="#">Performance Sub 3</a></li>
                                </ul>
                                <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                            </li>
                            <li><a class="drop" href="#">Performance 7<!--[if gte IE 7]><!--></a><!--<![endif]-->
                                <!--[if lte IE 6]><table><tr><td><![endif]-->
                                <ul>
                                    <li><a href="#">Performance Sub 1</a></li>
                                    <li><a href="#">Performance Sub 2</a></li>
                                    <li><a href="#">Performance Sub 3</a></li>
                                </ul>
                                <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                            </li>
                            <li><a href="#">Performance 8</a></li>
                            <li><a href="#">Performance 9</a></li>
                            <li><a href="#">Performance 10</a></li>
                        </ul>
                        <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                        <div class="separator">
                        </div>
                    </li>
                    <li><a href="#">Segment<!--[if gte IE 7]><!--></a><!--<![endif]-->
                        <!--[if lte IE 6]><table><tr><td><![endif]-->
                        <ul>
                            <li><a href="#">Segment 1</a></li>
                            <li><a href="#">Segment 2</a></li>
                            <li><a href="#">Segment 3</a></li>
                            <li><a href="#">Segment 4</a></li>
                        </ul>
                        <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                        <div class="separator">
                        </div>
                    </li>
                    <li><a href="#">Rules<!--[if gte IE 7]><!--></a><!--<![endif]-->
                        <!--[if lte IE 6]><table><tr><td><![endif]-->
                        <ul>
                            <li><a href="#">Rules 1</a></li>
                            <li><a href="#">Rules 2</a></li>
                            <li><a href="#">Rules 3</a></li>
                        </ul>
                        <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                        <div class="separator">
                        </div>
                    </li>
                    <li><a href="#">Limits</a><div class="separator">
                    </div>
                    </li>
                    <li><a href="#">Alerts<!--[if gte IE 7]><!--></a><!--<![endif]-->
                        <!--[if lte IE 6]><table><tr><td><![endif]-->
                        <ul>
                            <li><a href="#">Alerts 1</a></li>
                            <li><a href="#">Alerts 2</a></li>
                            <li><a href="#">Alerts 3</a></li>
                            <li><a href="#">Alerts 4</a></li>
                            <li><a class="drop" href="#">Alerts 5<!--[if gte IE 7]><!--></a><!--<![endif]-->
                                <!--[if lte IE 6]><table><tr><td><![endif]-->
                                <ul>
                                    <li><a href="#">Alerts Sub 1</a></li>
                                    <li><a href="#">Alerts Sub 2</a></li>
                                    <li><a href="#">Alerts Sub 3</a></li>
                                </ul>
                                <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                            </li>
                            <li><a class="drop" href="#">Alerts 6<!--[if gte IE 7]><!--></a><!--<![endif]-->
                                <!--[if lte IE 6]><table><tr><td><![endif]-->
                                <ul>
                                    <li><a href="#">Alerts Sub 1</a></li>
                                    <li><a href="#">Alerts Sub 2</a></li>
                                    <li><a href="#">Alerts Sub 3</a></li>
                                </ul>
                                <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                            </li>
                        </ul>
                        <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                        <div class="separator">
                        </div>
                    </li>
                    <li><a href="#">Data<!--[if gte IE 7]><!--></a><!--<![endif]-->
                        <!--[if lte IE 6]><table><tr><td><![endif]-->
                        <ul>
                            <li><a href="#">Data 1</a></li>
                            <li><a href="#">Data 2</a></li>
                            <li><a href="#">Data 3</a></li>
                            <li><a href="#">Data 4</a></li>
                            <li><a class="drop" href="#">Data 5<!--[if gte IE 7]><!--></a><!--<![endif]-->
                                <!--[if lte IE 6]><table><tr><td><![endif]-->
                                <ul>
                                    <li><a href="#">Data Sub 1</a></li>
                                    <li><a href="#">Data Sub 2</a></li>
                                    <li><a href="#">Data Sub 3</a></li>
                                </ul>
                                <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                            </li>
                        </ul>
                        <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                        <div class="separator">
                        </div>
                    </li>
                    <li><a href="#">Configuration<!--[if gte IE 7]><!--></a><!--<![endif]-->
                        <!--[if lte IE 6]><table><tr><td><![endif]-->
                        <ul>
                            <li><a href="#">Configuration 1</a></li>
                            <li><a href="#">Configuration 2</a></li>
                            <li><a class="drop" href="#">Configuration 3<!--[if gte IE 7]><!--></a><!--<![endif]-->
                                <!--[if lte IE 6]><table><tr><td><![endif]-->
                                <ul>
                                    <li><a href="#">Configuration Sub 1</a></li>
                                    <li><a href="#">Configuration Sub 2</a></li>
                                    <li><a href="#">Configuration Sub 3</a></li>
                                </ul>
                                <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                            </li>
                            <li><a href="#">Configuration 4</a></li>
                            <li><a href="#">Configuration 5</a></li>
                        </ul>
                        <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                        <div class="separator">
                        </div>
                    </li>
                    <li><a href="#">Users<!--[if gte IE 7]><!--></a><!--<![endif]-->
                        <!--[if lte IE 6]><table><tr><td><![endif]-->
                        <ul>
                            <li><a href="#">Users 1</a></li>
                            <li><a href="#">Users 2</a></li>
                            <li><a class="drop" href="#">Users 3<!--[if gte IE 7]><!--></a><!--<![endif]-->
                                <!--[if lte IE 6]><table><tr><td><![endif]-->
                                <ul>
                                    <li><a href="#">Users Sub 1</a></li>
                                    <li><a href="#">Users Sub 2</a></li>
                                    <li><a href="#">Users Sub 3</a></li>
                                </ul>
                                <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                            </li>
                            <li><a href="#">Users 4</a></li>
                        </ul>
                        <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                        <div class="separator">
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="content">
            <div class="title">
                &gt; Performance &gt; System Overview
            </div>
            <div class="contentIn">
            <div id="myGrid">
            </div>
            </div>
        </div>
    </div>
</body>
</html>
